<template>
    <div class="w-full h-full -100 dark:-900">
        <div class="w-full h-full flex flex-col bg-white dark:bg-black text-gery-700 dark:text-gery-300">
            <div class="w-full h-full bg">
                <div class="square">
                    <div v-for="item in 70" :key="item">
                    <img width="30" height="30" src="../../assets/images/game/sheshou.gif" alt=""></div>
                </div>
            </div>
        </div>
    </div>
</template>
<script setup>
let state = reactive({
    
});
defineExpose({});
const { xGrid, taskPanelRef, batchConfigRef } = toRefs(state);
</script>
<style scoped>
.bg {
    background-color: #000000;
    background-image: url(../../assets/images/game/map.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.square {
    width: 345px;
    margin-left: 48px;
    height: 275px;
    margin-bottom: 5px;
    /* border: 1px solid #fff; */
}
.square {
    display: flex;
    flex-wrap: wrap;
}
.square > div {
    width: 31.5px;
    height: 39px;
    /* border: 1px solid red; */
}
</style>